<template>
    <el-container>
        <el-main>
            <div>
                <OnlineService></OnlineService>
            </div>
            <div class="header">
                <Header></Header>
            </div>
            <div class="serviceItem">
                <Services></Services>
            </div>
            <div class="recommend">
                <Recommend></Recommend>
            </div>

        </el-main>
    </el-container>
</template>

<script>
    import Recommend from "../components/Recommend";
    import Services from '../components/Services'
    import Header from '../components/Header'
    import OnlineService from '../components/OnlineService'

    export default {
        components: {Recommend,Services,Header,OnlineService}
    }
</script>

<style>
    .serviceItem{
        text-align: center;
        font-size: 14px;
    }
    .recommend{
        text-align: left;
    }
</style>